<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head th:include="/common/_container :: htmlhead"></head>
<body>
<div class="row">
    <div class="col-sm-12">
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <h5>部门管理</h5>
            </div>
            <div class="ibox-content">
                <div class="row row-lg">                	
                    <div class="col-sm-12">
                        <div class="row">
	                        <div class="col-lg-2 col-sm-3">
								<div class="panel panel-default">
									<div class="panel-heading">组织机构</div>
									<div class="panel-body dept-tree">
										<ul id="officeTree" class="ztree"></ul>
									</div>
								</div>
								 <input type="hidden" id="officeId" />
							</div> 
							<div class="col-lg-10 col-sm-9">
								<div class="row">
									<div class="col-sm-3">
		                            	<div class="input-group">
										    <div class="input-group-btn">
										        <button data-toggle="dropdown" class="btn btn-white dropdown-toggle" type="button">名称
										        </button>
										    </div>
										    <input type="text" class="form-control" id="name" placeholder="" />
										</div>
		                            </div>
									<div class="col-lg-6 col-sm-5">
										<div class="row">
											<div class="col-lg-10 col-sm-10">
											  <button type="button" class="btn btn-primary" onclick="Dept.search()" >
								    			<i class="fa fa-search"></i>&nbsp;搜索
											  </button>
	                            			  <button type="button" class="btn btn-primary button-margin" onclick="Dept.resetSearch()" >
								    			<i class="fa fa-trash"></i>&nbsp;重置
											  </button>       
											</div>
										</div>
									</div>
								</div>
								 <div class="hidden-xs" id="DeptTableToolbar" role="group">
								 	<shiro:hasPermission name="dept_add">    
								 	<button type="button" class="btn btn-primary" onclick="Dept.openAddDept()" >
								    	<i class="fa fa-plus"></i>&nbsp;添加
								 	</button>
								 	</shiro:hasPermission>
								 	<shiro:hasPermission name="dept_update">    
								 	<button type="button" class="btn btn-primary button-margin" onclick="Dept.openDeptDetail()" >
								    	<i class="fa fa-edit"></i>&nbsp;修改
								 	</button>
								 	</shiro:hasPermission>
								 	<shiro:hasPermission name="dept_delete">    
                                	<button type="button" class="btn btn-primary button-margin" onclick="Dept.delete()" >
								    	<i class="fa fa-remove"></i>&nbsp;删除
								 	</button> 
								 	</shiro:hasPermission> 
		                        </div>
		                        <table id="DeptTable" data-mobile-responsive="true" data-click-to-select="true">
						    		<thead>
						       		 <tr>
						            	<th data-field="selectItem" data-checkbox="true"></th>
						      		 </tr>
						    		</thead>
								</table>
		                       <!--  <#table id="DeptTable"/> -->
							</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script th:src="@{/static/modular/system/dept/dept.js}"></script>
</body>
</html>